import React from 'react'
import { Table } from 'antd'



export default function NewsPublish(props) {

    
    
    const columns = [
        {
            title: '新闻标题',
            dataIndex: 'title',
            render: (title,item) => {
                return <a href={`#/news-manage/preview/${item.id}`}>{title}</a>
            }

        },
        {
            title: '作者',
            dataIndex: 'author',

        },
        {
            title: '新闻分类',
            dataIndex: 'category',
            render: (category) => {
                return <div>{category.title}</div>
            }

        },
        {
            title: '操作',

            render: (item) => {
                return (
                    <div>
                       
                      {
                          props.button(item.id)
                      }
                    </div>
                )
            }

        },
    ];
   
    
   
    return (
        <div>
            <Table dataSource={props.dataSource} columns={columns} pagination={{
                pageSize: 5
                
            }}
            rowKey={item=>item.id}/>
        </div>
    )
    
}